.space {
    margin-right: 5px;
}

.property-card.card {
    padding: 5px;
}

.hidden {
    display: none;
}

.modal-custom {
    overflow: scroll;
}

.center {
    text-align: center;
}

.flex-center {
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin-bottom: 10px;
}

.flex-center select {
    margin-bottom: 10px;
}

.dataTables_length {
    float: none !important;
}

#goods-id-table {
    text-align: center;
}

.list-search {
    position: relative;
}

.list-search ul {
    position: absolute;
    width: 200px;
    background-color: rgb(251, 254, 254);
    list-style: none;
    padding: 0px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.list-search ul li {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
}

.list-search ul li:hover {
    background-color: #575a65;
    color: #fff;
}

.list-search {
    display: none;
}
#kin_wrapper{
    display: none;
}
.select-server{
    padding-top: 10px;
    margin-bottom: 10px;
}
.custom-card{
    padding-bottom: 32px;
}

/* ------------------------------------------------------------- */
input {
    border-color:#188ae2 !important ;
    border-width: 1px !important;
}
select{
    border-color:#188ae2 !important ;
    border-width: 1px !important;
}
textarea{
    border-color:#188ae2 !important ;
    border-width: 1px !important;
}
.table-bordered-secondary thead th {
    background-color: #188ae2 !important;
}
.table-bordered-secondary {
    border-color: #188ae2 !important;
}
.hori-topbar-light #topnav {
    background: #188ae2;
    -webkit-box-shadow: 0 0 25px 0 rgb(73 80 87 / 10%);
    box-shadow: 0 0 25px 0 rgb(73 80 87 / 10%);
}
.hori-topbar-light #topnav ul li a{
    color: #fff !important;
}
.submenu{
    background-color: #188ae2 !important;
}
.navigation-menu{
    background-color: #188ae2 !important;
}
.dropdown-menu.dropdown-menu-right.profile-dropdown.show{
    background-color: #188ae2 !important;
}
.container-fluid{
    margin-left: 0px !important;
    margin-right: 0px !important;
    max-width: 100% !important;
}
.modal-demo{
    width: 100% !important;
}
.corlor-red{
    color: red;
}

/* ------------------------------------------------------------- */
/* adminvn light refresh */
:root{
    --adminvn-bg: #f7f0e1;
    --adminvn-bg-soft: #fbf6eb;
    --adminvn-surface: rgba(255, 250, 241, 0.92);
    --adminvn-surface-strong: #fffaf0;
    --adminvn-border: rgba(175, 135, 64, 0.35);
    --adminvn-border-strong: rgba(175, 135, 64, 0.55);
    --adminvn-shadow: 0 18px 40px rgba(108, 80, 31, 0.12);
    --adminvn-shadow-soft: 0 10px 26px rgba(108, 80, 31, 0.08);
    --adminvn-text: #3b2a17;
    --adminvn-text-muted: #8b6b39;
    --adminvn-accent: #b54d39;
    --adminvn-accent-hover: #9f3f2c;
    --adminvn-highlight: #efe0b4;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
button,
input,
select,
textarea,
.btn,
.table,
.navigation-menu a,
.submenu a,
.dropdown-menu,
.page-title,
.breadcrumb,
label{
    font-family: "Be Vietnam Pro", sans-serif !important;
}

body.hori-topbar-light{
    background:
        radial-gradient(circle at top, rgba(213, 173, 86, 0.22), transparent 48%),
        linear-gradient(180deg, #fbf6eb 0%, #f7f0e1 100%);
    color: var(--adminvn-text);
}

.hori-topbar-light #topnav{
    background: transparent;
    box-shadow: none;
    padding-top: 14px;
    position: relative !important;
    margin-bottom: 20px;
}

.hori-topbar-light .navbar-custom{
    background: transparent;
    box-shadow: none;
    padding: 0 18px 0 0;
    position: relative !important;
    overflow: hidden;
    border-radius: 26px;
    min-height: 126px;
    left: auto;
    right: auto;
    top: auto;
    height: auto;
    z-index: auto;
}

body[data-layout=horizontal] #topnav .navbar-custom::before{
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 248, 233, 0.18), rgba(255, 250, 241, 0.1)),
        url("../images/1440x230.png") center center / contain no-repeat;
    opacity: 0.98;
    pointer-events: none;
}

body[data-layout=horizontal] #topnav .navbar-custom > .container-fluid{
    position: relative;
    z-index: 1;
}

.hori-topbar-light #topnav .navbar-custom{
    background: transparent !important;
    box-shadow: none !important;
}

.hori-topbar-light .navbar-custom .container-fluid,
.hori-topbar-light .topbar-menu .container-fluid{
    padding-left: 12px;
    padding-right: 12px;
}

.logo-box{
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(175, 135, 64, 0.22);
    border-radius: 24px;
    box-shadow: none;
    background: transparent;
}

body[data-layout=horizontal] .logo-box{
    margin-right: 22px;
    padding: 0 28px;
    border-radius: 24px;
}

.logo-box__bg{
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 248, 233, 0.18), rgba(255, 250, 241, 0.1)),
        url("../images/1440x230.png") center center / cover no-repeat;
    opacity: 0.96;
    pointer-events: none;
}

.logo-box .logo{
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 110px;
}

.logo-box__mark{
    display: none;
}

.logo-box__mark--sm{
    display: none;
}

.hori-topbar-light .navbar-custom .topnav-menu .nav-link,
.hori-topbar-light #topnav ul li a{
    color: var(--adminvn-text) !important;
}

.hori-topbar-light .navbar-custom .topnav-menu .nav-link{
    border-radius: 999px;
    transition: background-color .2s ease, box-shadow .2s ease, color .2s ease;
}

.hori-topbar-light .navbar-custom .topnav-menu .nav-link:hover{
    background: rgba(239, 224, 180, 0.48);
    box-shadow: var(--adminvn-shadow-soft);
}

.hori-topbar-light #topnav .navbar-toggle span{
    background-color: rgba(59, 42, 23, 0.72);
}

body[data-layout=horizontal] #topnav .topbar-menu{
    margin-top: 16px !important;
    margin-bottom: 18px;
}

body[data-layout=horizontal] #topnav .navigation-menu{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border: 1px solid var(--adminvn-border);
    border-radius: 24px;
    background: var(--adminvn-surface) !important;
    background-color: rgba(255, 250, 241, 0.92) !important;
    box-shadow: var(--adminvn-shadow-soft);
}

body[data-layout=horizontal] #topnav .navigation-menu > li{
    float: none;
}

body[data-layout=horizontal] #topnav .navigation-menu > li > a{
    border-radius: 16px;
    padding: 11px 18px !important;
    color: var(--adminvn-text) !important;
    transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
}

body[data-layout=horizontal] #topnav .navigation-menu > li > a:hover,
body[data-layout=horizontal] #topnav .navigation-menu > li:hover > a,
body[data-layout=horizontal] #topnav .navigation-menu > li.active > a{
    background: linear-gradient(180deg, #fff8ea 0%, #f1e0b8 100%);
    color: #5a3816 !important;
    box-shadow: inset 0 0 0 1px rgba(175, 135, 64, 0.18);
}

body[data-layout=horizontal] #topnav .navigation-menu > li > a i{
    color: var(--adminvn-text-muted);
}

body[data-layout=horizontal] #topnav .submenu{
    background-color: rgba(255, 249, 238, 0.96) !important;
}

body[data-layout=horizontal] .content-page{
    margin-top: 0 !important;
}

#topnav .submenu{
    margin-top: 10px;
    border: 1px solid var(--adminvn-border);
    border-radius: 18px;
    background: rgba(255, 249, 238, 0.96) !important;
    box-shadow: var(--adminvn-shadow);
    padding: 10px;
}

#topnav .submenu li a{
    border-radius: 12px;
    color: var(--adminvn-text) !important;
    transition: background-color .2s ease, color .2s ease;
}

#topnav .submenu li a:hover{
    background: rgba(239, 224, 180, 0.52);
    color: #5a3816 !important;
}

.card,
.modal-content,
.property-card.card,
.property-card,
.account-card-box,
.table-box,
.widget-box-one,
.widget-flat{
    border: 1px solid rgba(175, 135, 64, 0.18);
    border-radius: 18px;
    background: rgba(255, 250, 241, 0.92);
    box-shadow: var(--adminvn-shadow-soft);
}

.footer{
    background-color: transparent;
    color: var(--adminvn-text-muted);
}

input,
select,
textarea,
.form-control{
    border-color: var(--adminvn-border) !important;
    border-width: 1px !important;
    border-radius: 12px !important;
    background-color: rgba(255, 252, 246, 0.95) !important;
    color: var(--adminvn-text) !important;
    box-shadow: none !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus{
    border-color: var(--adminvn-border-strong) !important;
    box-shadow: 0 0 0 0.2rem rgba(175, 135, 64, 0.14) !important;
}

.btn{
    border-radius: 999px;
    border-width: 1px;
    box-shadow: none;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease;
}

.btn:hover{
    transform: translateY(-1px);
    box-shadow: var(--adminvn-shadow-soft);
}

.btn-primary,
.btn-success,
.btn-danger{
    border-color: transparent;
    background: linear-gradient(180deg, #c85e46 0%, var(--adminvn-accent) 100%);
    color: #fff !important;
}

.btn-primary:hover,
.btn-success:hover,
.btn-danger:hover{
    background: linear-gradient(180deg, #b7523c 0%, var(--adminvn-accent-hover) 100%);
}

.btn-secondary,
.btn-light,
.btn-warning,
.btn-info{
    border-color: var(--adminvn-border);
    background: linear-gradient(180deg, #fffaf0 0%, #f1e0b8 100%);
    color: var(--adminvn-text) !important;
}

.page-title,
.breadcrumb-item + .breadcrumb-item::before,
.breadcrumb-item.active,
.table,
.dataTables_info,
.dataTables_length,
.dataTables_filter,
label{
    color: var(--adminvn-text);
}

.table-bordered-secondary{
    border-color: var(--adminvn-border) !important;
}

.table-bordered-secondary thead th,
table.dataTable thead th{
    background: linear-gradient(180deg, #f2e4bf 0%, #ead6a4 100%) !important;
    color: #5a3816 !important;
    border-color: rgba(175, 135, 64, 0.28) !important;
}

.table td,
.table th{
    border-color: rgba(175, 135, 64, 0.12) !important;
}

.page-item.active .page-link{
    background-color: var(--adminvn-accent);
    border-color: var(--adminvn-accent);
}

.page-link{
    color: var(--adminvn-text);
    border-color: rgba(175, 135, 64, 0.18);
    background: rgba(255, 250, 241, 0.92);
}

.dropdown-menu.dropdown-menu-right.profile-dropdown.show{
    background-color: rgba(255, 249, 238, 0.96) !important;
    border: 1px solid var(--adminvn-border);
    border-radius: 16px;
    box-shadow: var(--adminvn-shadow);
}

@media (max-width: 991.98px){
    body[data-layout=horizontal] #topnav .navigation-menu{
        display: block;
        border-radius: 24px;
        padding: 10px;
    }

    body[data-layout=horizontal] #topnav .navigation-menu > li > a{
        border-radius: 14px;
    }

    body[data-layout=horizontal] .logo-box{
        margin-right: 12px;
        padding: 0 20px;
    }
}

/* ------------------------------------------------------------- */
/* adminvn login refresh */
body.adminvn-login-page{
    position: relative;
    min-height: 100vh;
    overflow-x: hidden;
    color: var(--adminvn-text);
    background: #f7f0e1;
}

body.adminvn-login-page::before,
body.adminvn-login-page::after{
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
}

body.adminvn-login-page::before{
    background: url("../images/1920x1080.png") center center / cover no-repeat;
    filter: blur(7px);
    transform: scale(1.05);
}

body.adminvn-login-page::after{
    background:
        radial-gradient(circle at top, rgba(213, 173, 86, 0.18), transparent 42%),
        linear-gradient(180deg, rgba(251, 246, 235, 0.54) 0%, rgba(247, 240, 225, 0.88) 100%);
}

.adminvn-login-shell{
    position: relative;
    z-index: 1;
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 40px 0;
    margin: 0 !important;
}

.adminvn-login-card{
    border: 1px solid var(--adminvn-border);
    border-radius: 28px;
    background: rgba(255, 250, 241, 0.92);
    box-shadow: 0 24px 60px rgba(108, 80, 31, 0.16);
    overflow: hidden;
    backdrop-filter: blur(16px);
}

.adminvn-login-brand{
    padding: 32px 40px 24px;
    text-align: center;
    background: linear-gradient(180deg, rgba(255, 249, 238, 0.98) 0%, rgba(244, 230, 196, 0.78) 100%);
    border-bottom: 1px solid rgba(175, 135, 64, 0.16);
}

.adminvn-login-brand p{
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.28em;
    color: var(--adminvn-text-muted);
}

.adminvn-login-brand h1{
    margin: 0;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 700;
    color: var(--adminvn-text);
}

.adminvn-login-brand span{
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #7d6540;
}

.adminvn-login-card__body{
    padding: 34px 40px 40px;
}

.adminvn-login-card__body .form-group{
    margin-bottom: 20px;
}

.adminvn-login-card__body label{
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #6a4d28;
}

.adminvn-login-card__body .form-control{
    min-height: 54px;
    padding: 14px 18px;
    font-size: 17px;
}

.adminvn-login-card__body .form-control::placeholder{
    color: #9b835b;
}

.adminvn-login-remember{
    margin-top: 8px;
}

.adminvn-login-remember .custom-control-label{
    margin-bottom: 0;
    color: var(--adminvn-text);
}

.adminvn-login-submit{
    margin-top: 28px;
    margin-bottom: 0;
}

.adminvn-login-submit .col-12{
    padding: 0;
}

.adminvn-login-submit .btn{
    min-width: 220px;
    min-height: 54px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

@media (max-width: 575.98px){
    .adminvn-login-shell{
        padding: 22px 0;
    }

    .adminvn-login-brand,
    .adminvn-login-card__body{
        padding-left: 24px;
        padding-right: 24px;
    }

    .adminvn-login-brand h1{
        font-size: 28px;
    }

    .adminvn-login-submit .btn{
        width: 100%;
        min-width: 0;
    }
}